<html>
  <head>
    <title>Registration Page</title>

    <!--Include Cascade style Sheet-->
    <link href="css/site.css" rel="stylesheet">
    <!--Include javascript ----->
    <script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
    <script src="js/jquery.validate.js" type="text/javascript"></script>
    <script src="js/jquery.register.js" type="text/javascript"></script>

  </head>
  <body>
  <form name="register" id="registerId">
      <table border="0" cellspacing="0" align="center" width="80%">
        <thead>
          <tr>
            <th colspan="2">Please fill he details below</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td width="40%" align="right">Name :</td>
            <td>
             <input type="text" name="uname"
             value="" placeholder="My Name is.."/></td>
          </tr>

          <tr>
            <td align="right">Email :</td>
            <td>
               <input type="text" name="email"
               placeholder="example@example.com"/></td>
          </tr>

          <tr>
            <td align="right">Password :</td>
            <td>
               <input type="password"  name="password" id="passwordId" title="My Password is.."
               placeholder="My Password is.." /></td>
          </tr>

          <tr>
            <td align="right">Confirm Password :</td>
            <td><input type="password"  name="conPassword" placeholder="My Confirm Pass is.."/></td>
          </tr>

          <tr>
            <td align="right">Date Of Birth :</td>
            <td><input name="dob" type="date" placeholder="YYYY/MM/DD"/></td>
          </tr>

          <tr>
            <td align="right">Address :</td>
            <td><textarea name="address" placeholder="My Address is.."></textarea></td>
          </tr>

          <tr>
            <td align="right">Country :</td>
            <td>
              <select name="country">
                <option value="">-Select-</option>
                <option value="in">India</option>
                <option value="pk">Pakistan</option>
                <option value="np">Nepal</option>
              </select>
            </td>
          </tr>

          <tr>
            <td align="right">Gender :</td>
            <td>
              <label><input type="radio" value="male" name="gender"/>Male</label><br>
              <label><input type="radio" value="female"  name="gender"/>Female</label>
              <br><label for="gender" generated="true" class="error"></label>
            </td>
          </tr>


          <tr>
            <td align="right">Language :</td>
            <td>
              <select multiple name="lang[]">
                <option>C</option>
                <option>C++</option>
                <option>PHP</option>
                <option>.Net</option>
              </select>
            </td>
          </tr>

          <tr>
            <td align="right">Hobbies :</td>
            <td>
              <label><input type="checkbox" name="hobbies[]"/>Cricket</label>
              <label><input type="checkbox" name="hobbies[]"/>Football</label>
              <label><input type="checkbox" name="hobbies[]"/>Hockey</label>
              <label><input type="checkbox" name="hobbies[]"/>Others</label><br>
              <label for="hobbies[]" generated="true" class="error" style=""></label>
            </td>
          </tr>

          <tr>
            <td align="right">Avatar :</td>
            <td><input name="avatar" type="file"/></td>
          </tr>

          <tr>
            <td align="right">&nbsp;</td>
            <td><input value="I am done!!" type="submit"/></td>
          </tr>

        </tbody>
      </table>
    </form>
  </body>
</html>
